*{
	margin: 0;
	padding: 0;
	list-style: none;
	box-sizing: border-box;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: none !important;
}
.clearfix::after{
	content:'';
	display:block;
	clear:both;
}
.fh5co-overlay {
	position: absolute !important;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(141, 113, 96, 0.3);
	height:84px;
}
header{
	background: url(../images/timg.gif);
	background-size:cover;
	margin-bottom: 20px;

}
nav{
	width: 100%;
	line-height: 40px;
	box-shadow: 5px 5px 5px #e1e1e1;
	position: fixed !important;
	top: 0;
	z-index: 1000;
	background: #ecafaf;
}
.navbar-toggler i{
	color: #ffffff;
}
nav .left{
	font-size: 22px;
	color: #fff !important;
	font-weight: 700;
}
nav .right a{
	font-size: 17px;
	color: #fff !important;
}
.right .active a{
	color: #e9ecd1 !important;
}
.nav-item  .active{
	color: #e9ecd1 !important;
}
nav .right a:hover{
	color: #e9ecd1 !important;
}
header .nei h1{
	text-align: center;
	color: #8c8c8c;
	line-height: 60px;
	font-size: 3.5rem !important;
	margin-bottom: 30px;
}
.nei{
	padding: 200px 0;
}
.nei a{
	display: inline-block;
	background: #ecafaf;
	padding: 20px;
	border-radius: 30px;
	color: white;
}
.nei a:hover{
	color: #efdddd;
}
.introduce{
	margin-bottom: 40px;
}
.introduce h3{
	line-height: 50px;
	letter-spacing: 2px;
	text-transform: uppercase;
	position: relative;
	padding-top: 15px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
}
.xian{
	height: 200px;
	width: 1px;
	float: left;
	background: #cccccc;
	margin-top: 135px;
	margin-left: 20px;
	margin-right: 20px;
}

.Personal:hover{
	box-shadow: 1px 1px 12px 0 #6b646485;
}
.Personal img{
	border-radius:50%;
	height:88px;
	width:88px;
	margin-bottom: 25px;
}
.Personal p{
	text-align: left !important;
	font-size: 20px;
	color: #848484;
	font-family: cursive;
}
.li-left{
	float: left;
}
.li-right{
	float: right;
}
.About_me:hover{
	box-shadow: 1px 1px 12px 0 #6b646485;
}
.About_me img{
	height: 200px;
	width: 100%;
}
.About_me p{
	color: #838383;
	margin-top: 15px;
	font-size: 15px;
	line-height: 25px;
}

/*项目展示*/
.display{
	margin-bottom: 60px;
}
.display h3{
	line-height: 50px;
	letter-spacing: 2px;
	text-transform: uppercase;
	position: relative;
	padding-top: 15px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
}
.carousel-control-prev{
	opacity: 0.7 !important;
}
.carousel-control-prev i{
	color: #e2b9b9;
	font-size: 35px;
}
.carousel-control-next{
	opacity: 0.7 !important;
}
.carousel-control-next i{
	color: #e2b9b9;
	font-size: 35px;
}
.carousel-caption h2{
	color: #333;
	font-weight: 700;
}
.carousel-caption{
	background: #ffffffb8;
	right:0 !important;
	left:0 !important;
	bottom: 0 !important;
}
.carousel-caption p{
	color: #838383;
	padding: 20px 100px;
}


/*课堂练习*/
.Practice{
	margin-bottom: 60px;
}
.Practice h3{
	line-height: 50px;
	letter-spacing: 2px;
	text-transform: uppercase;
	position: relative;
	padding-top: 15px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
}

.hai{
	height: 250px;
	width: 250px;
	border-radius: 50%;
	background:url("../images/1.jpg") ;
	background-size: cover;
	margin: auto;
	padding: 40px;
	position: relative;
	overflow: hidden;
}
.tian{
	height: 250px;
	width: 250px;
	border-radius: 50%;
	background:url("../images/2.jpg") ;
	background-position: bottom;
	margin: auto;
	padding: 105px 0 20px 55px;
	position: relative;
	overflow: hidden;
}
.teng{
	height: 250px;
	width: 250px;
	border-radius: 50%;
	background:url("../images/3.jpg") ;
	background-size: cover;
	margin: auto;
	padding: 40px;
	position: relative;
	overflow: hidden;
}
.fan{
	height: 250px;
	width: 250px;
	border-radius: 50%;
	background:url("../images/4.jpg") ;
	background-size: cover;
	margin: auto;
	padding: 105px 0 20px 55px;
	position: relative;
	overflow: hidden;
}
.hai .four,.tian .four,.teng .four,.fan .four{
	display: inline-block;
	font-size: 80px;
	color: #94ada9d1;
}
.hai .four:hover,.tian a:hover,.teng a:hover,.fan a:hover{
	color: #94ada9d1;
}
.er,.qi,.xun,.yi{
	height: 250px;
	width: 250px;
	top: 0;
	left: 0;
	border-radius: 50%;
	background: #00000063;
	position: absolute;
	transition: all 1s;
	transform: translateY(250px);
}
.er p,.qi p,.xun p,.yi p{
	margin-top: 85px;
	margin-left: 35px;
	color: #fff;
	line-height: 45px;
}
.hai:hover .er,.tian:hover .qi,.teng:hover .xun,.fan:hover .yi{
	/*opacity: 0;*/
	transform: translateY(0px);
}

/*所学*/
.toutou{
	padding: 20px 0;
	text-align: center;
	background: aliceblue;
}
.toutou p{
	font-size: 35px;
	color: #ecafaf;
}
.study{
	margin-bottom: 60px;
}
.study h3{
	line-height: 50px;
	letter-spacing: 2px;
	text-transform: uppercase;
	position: relative;
	padding-top: 15px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
}
.card{
	height: 235px;
}
.card-text{
	color: #838383;
	font-size: 15px;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background: #ecafaf;
}
.swiper-pagination-progressbar{
	background: rgba(162, 142, 142, 0.25);
}
.swiper-container-horizontal>.swiper-pagination-progressbar{
	width: 94%;
}
.swiper-wrapper{
	padding: 10px 0;
}

/*footer*/
footer h3{
	line-height: 50px;
	letter-spacing: 2px;
	text-transform: uppercase;
	position: relative;
	padding-top: 15px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
}
.fjx{
	width: 100%;
	height: 2px;
	background:#cccccc;
	margin-top: 40px;
	margin-bottom:40px;
}
footer p{
	font-size: 20px;
	color: #a09f9e;
	background: #ecafaf85;
	text-align: center;
	padding: 30px 0;
	margin-bottom: 0;
}
.weixin,.QQ,.weibo{
	position: relative;

	display: inline-block;
}
footer .tupian{
	width: 110px;
	height: 110px;
	border-radius: 50%;
}
footer .erweima{
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	left: 0;
	opacity: 0;
	transition: all 1s;
	margin: auto;
	right: 0;
	transform: translateY(-50%);
}
footer .weixin:hover .erweima{
	/*display: block;*/
	opacity: 1;
	width:110px;
	height: 110px;
}
footer .weixin:hover .tupian{
	opacity: 0;
}
footer .QQ:hover .erweima{
	opacity: 1;
	width:110px;
	height: 110px;
}
footer .QQ:hover .tupian{
	opacity: 0;
}
footer .weibo:hover .erweima{
	opacity: 1;
	width:110px;
	height: 110px;
}
footer .weibo:hover .tupian{
	opacity: 0;
}
#top{
	position: fixed;
	bottom: 30px;
	right: 30px;
	background: pink;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	text-align: center;
	z-index: 1000;
	display: none;
	cursor: pointer;
}
#top i{
	color: #fff;
	/* margin: auto; */
	margin-top: 12px;
	font-size: 20px;
}


/*手机端*/
@media (max-width: 600px) {
	header{
		background-repeat: no-repeat;
		background-position: center;
		margin-bottom: 0;
		background-size: auto;
	}
	.nei a{
		padding:10px;
	}
	.swiper-slide{
		width:100% !important;

	}
	.swiper-pagination{
		display: none;
	}
	.li-right{
		float: left;
	}
	.nei{
		padding: 100px 0 45px;
	}
	header .nei h1{
		font-size: 30px !important;
	}
	.tupian{
		display: none;
	}
	.erweima{
		display: block !important;
		width: 100% !important;
		height: 76px !important;
		position: static !important;
		opacity: 1 !important;
		transform: translateY(0%) !important;
	}
	.carousel-control-prev i{
		font-size: 20px;
	}
	.carousel-control-next i{
		font-size: 20px;
	}
	footer .col-md-4{
		width:33.33333%;
	}
}